<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="__CSS__/amazeui.min.css"/>
    <link rel="stylesheet" href="__CSS__/style.css"/>
    <script src="__JS__/jquery.min.js"></script>
    <script src="__JS__/amazeui.min.js"></script>
</head>

<body>
<div class="container">
    <header data-am-widget="header" class="am-header am-header-default my-header">
        <div class="am-header-left am-header-nav">
            <a href="#left-link" class="">
                <!--<i class="am-header-icon am-icon-chevron-left"></i>-->
                <img src="__IMG__/fanhui.png">
            </a>
        </div>

    </header>
    <div class="cart-panel">
        <br>
        <h1 align="center">使用手机号登录</h1>
        <br>

        <form  action="loginbycode" method="post" class="am-form">

            <table style="width:80%;border:1px;cellspacing:1px;cellpadding:1px;tartext-align: center">
                <tr ><td>


                    <h3>国家/地区</h3>
                </td><td><div class="am-form-group am-form-icon">
                    <select name="country" style="width:50%">
                        <option value="+86">中国</option>
                    </select>

                </div>

                </td> </tr>


                <tr style="width:30%"><td><h3>+86 </h3></td> <td>
                    <div class="am-form-group am-form-icon">
                        <input name="mobile" id='mobile' type="text" class="am-form-field  my-radius" placeholder="请输入您的手机号">
                    </div>

                </td> </tr>
                <tr><td> <h3>验证码</h3></td><td>
                    <div class="am-form-group am-form-icon">
                        <input name="code" type="password" class="am-form-field  my-radius" placeholder="请输入您的验证码">
                    </div>
                </td> </tr>


            </table>

            <p class="am-text-center" ><button type="submit"  class="am-btn am-btn-danger am-radius am-btn-block">立即登录</button></p>
        </form>
        <button id="code">发送验证码</button>
        <div class="login-login">
            <a class="a-left" href="__PUBLIC__/login/login">通过密码登录</a> <a style="float:right" class="a-right" href="__PUBLIC__/login/updatePwd">忘记密码</a>
        </div>
    </div>

    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
        注册
    </footer>
    <!--底部-->

</div>
</body>
<script src="__JS__/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var mobile = $("#mobile").val();
        $("#code").click(function(){
            $.post("__PUBLIC__/login/send",{
                code_type:"5",
                mobile:$("#mobile").val()
            },function(data,status){
                alert("数据: \n" + data + "\n状态: " + status);
            })
        });
    });
</script>
</html>

